<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程训练02</title>
</head>
<body>
    <div class="app-classTrainTwo dpflex fdcolumn">
        <!-- 主体部分 -->
        <div class="main dpflex fdcolumn">
            <video id="videoUrl" muted ></video>
            <p class="test"><span id="startNum">-</span>/<span id="endNum">-</span> </p>
            <p class="title"></p>
        </div>
        <!-- 尾部 -->
        <div class="foot dpflex">
            <span class="iconfont icon-most-left" id="prevBtn"></span>
            <span class="iconfont icon-play" id="paly"></span>
            <span class="iconfont icon-most-right" id="nextBtn"></span>
            <p class="progress">
                <!-- <p class="progressChild"></p> -->
            </p>
        </div>
        <!-- 模态框 -->
        <div class="mask" id="mask">
            <h3>放弃可以找到一万个理由，坚持只需一个信念！</h3>
            <!-- 继续训练，结束训练 -->
            <!-- 切换暂停播放 -->
            <!-- 暂停 -->
            <div class="pause2">
                <div class="circle left" id="continueLeft">
                    <i class="iconfont  icon-bofang"></i>
                    <span id="" class="continue">继续训练</span>
                </div>
                <div class="right circle" id="over">
                    <i class="iconfont icon-jieshu"></i>
                    <span id="">结束训练</span>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="mask-footer">
                <div class="present">
                    <div class="left">
                        <img id="imgUrl">
                    </div>
                    <div class="right">
                        <span>当前:</span>
                        <p class="text"></p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
</html>